<template>
  <div class="intr-block">
    <div class="intr-left">
      <p class="intro-title wow fadeInLeft" data-wow-delay="0.2s">
        做产业数智化转型的
      </p>
      <p class="intro-title wow fadeInLeft" data-wow-delay="0.5s">
        好帮手和主力军
      </p>
      <p class="intro-title wow fadeInLeft" data-wow-delay="0.8s">/</p>
      <p class="intro-desc wow fadeInUp" data-wow-delay="1.2s">
        全场景赋能产业经济向
      </p>
      <p class="intro-desc wow fadeInUp" data-wow-delay="1.7s">
        数字化、网络化、智能化升级发展
      </p>
    </div>
    <img
      class="intr-right wow fadeInRight"
      width="1166px"
      height="498px"
      data-wow-delay="0.8s"
      src="@/static/img/home/banner-2-tp@2x.png"
    />
  </div>
</template>

<style lang="scss" scoped>
  .intr-block {
    display: flex;
    justify-content: space-between;
    padding-top: 211px;
    padding-left: 255px;
    height: 890px;
    width: 100%;
    background: url("@/static/img/home/bg-intr@2x.png") no-repeat;
    background-size: cover;

    .intro-title {
      font-size: 40px;
      font-weight: bold;
      color: #0083ce;
    }

    .intro-desc {
      font-size: 30px;
      font-family: Microsoft YaHei;
      color: #737373;
    }
  }
</style>